import Vue from 'vue'
import VueRouter from 'vue-router'

const Home = () => import('../views/home/Home')
const Category = ()=> import('../views/category/Category')
const Cart = () => import('../views/cart/Cart')
const Profile = () => import('../views/profile/Profile')
const Detail = () => import('../views/detail/Detail')

// 1.安装插件
Vue.use(VueRouter)

// 2.创建router
const routes =  [
  {
    path:'',
    redirect:'/home'
  },
  {
    path:'/home',
    component:Home
    // component: () => import('../views/home/Home')
  },
  {
    path:'/category',
    component:Category
  },
  {
    path:'/cart',
    component:Cart
  },
  {
    path:'/profile',
    component:Profile
  },
  {
    path:'/detail/:iid',//动态路由的方式
    component:Detail
  }
]
const router = new VueRouter({
  routes,
  mode:'history'
})

export default router
